html,
body {
  background: rgba(9, 9, 16, 1);
  color: rgba(230, 230, 230, 1);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a:active,
a:hover,
a:link,
a:visited {
  color: rgba(230, 230, 230, 1);
}

.line {
  width: 2px;
  height: 16px;
  background: #e6e6e6;
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0 10px;
}

.cursor {
  cursor: pointer;
}

.app {
  width: 1022px;
  height: 100%;
  margin: 0 auto;
 
}

.w1021 {
  width: 1021px;
}

.wAuto {
  width: 100% !important;
}

.w50 {
  width: 50px !important;
}

.w70 {
  width: 70px !important;
}

.w90 {
  width: 90px !important;
}

.w100 {
  width: 100px !important;
}

.w130 {
  width: 130px !important;
}

.w141 {
  width: 141px !important;
  padding: 0 !important;
}

.w175 {
  width: 174px !important;
}

.guide .w220,
.finance .w220,
.mngChg .w220 {
  padding: 0 !important;
}

.fund_project .w220,
.profit .w220,
.structure .w220,
.partner .w220 {
  padding: 5px 10px !important;
}

.w220 {
  width: 220px !important;
  padding: 0 10px !important;
}

.w350 {
  width: 350px !important;
}

.w511 {
  width: 511px !important;
}

.w542 {
  width: 542px !important;
}

.w760 {
  width: 760px !important;
}

.w370 {
    width: 370px !important;
}
.w200 {
    width: 200px !important;
}
.w190{
    width: 170px !important; 
}

.left {
  border-left: 1px solid rgba(9, 9, 16, 1) !important;
}

.right {
  border-right: 1px solid rgba(9, 9, 16, 1);
}

.bottom {
  border-bottom: 1px solid rgba(9, 9, 16, 1);
}

.top {
  border-top: 1px solid rgba(9, 9, 16, 1);
}

.wrap {
  flex-wrap: wrap;
}

.fake_nav {
  height: 121px;
}

.fixed {
  position: fixed;
  z-index: 100;
  padding-top: 1px;
  background: rgba(9, 9, 16, 1);
}

.table_hight_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 分页 */
.el-pagination {
  float: right;
  margin-top: 3px;
  display: inline-block;
}

.el-pagination button:hover,
.el-pagination button:disabled,
.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pager li:hover,
.el-pager li {
  color: rgba(153, 153, 153, 1);
  background: rgba(33, 33, 38, 1);
}

.el-pager li {
  font-size: 14px;
  font-weight: 400;
}

.el-pager li.active {
  width: 20px;
  height: 20px;
  color: #ffffff;
  background: rgba(160, 27, 21, 1);
}

.el-loading-spinner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.el-loading-spinner .path {
  stroke: rgba(230, 230, 230, 1);
}


.el-loading-spinner .el-loading-text {
  display: inline-block;
  margin-left: 12px;
  position: relative;
  top: -2px;
}

.el-loading-spinner i {
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 22px;
  position: relative;
  top: 2px;
  color: rgba(230, 230, 230, 1);
  background: url(../images/loading.gif) no-repeat;
}

.el-icon-loading:before {
  content: "" !important;
}

.el-loading-spinner .el-loading-text {
  color: #999;
  font-size: 15px;
}



.el-tooltip__popper.is-light {
  color: #8e8c8c;
  max-width: 380px;
  line-height: 1.5;
}

/* 菜单栏部分 */
.nav {
  height: 68px;
  background: rgba(26, 26, 31, 1);
}

.nav .navScoket {
  width: 128px;
  height: 100%;
  padding: 8px 0 0;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 1.5;
  text-align: center;
  background: linear-gradient(0deg, rgba(204, 52, 49, 1), rgba(224, 88, 47, 1));
}

.nav .navItem {
  width: 889px;
  margin: auto;
}

.nav .navList.on {
  color: #fff;
  background: rgba(53, 73, 124, 1);
}

.nav .bgGary {
  width: 5px;
  height: 100%;
  background: rgba(39, 40, 46, 1);
}

.nav .navList {
  width: 110px;
  height: 34px;
  float: left;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  margin-left: 1px;
  cursor: pointer;
  background: rgba(39, 40, 46, 1);
}

/* 锚点 */
.hot {
  height: 53px;
  text-align: center;
}

.hot .hot_a {
  line-height: 53px;
  font-size: 16px;
  cursor: pointer;
}

.hot .hot_a.select {
  color: #fa7131;
}

/* 主体部分 */
.main {
  padding-bottom: 50px;
}

/* 通用的标题 */
.comTitle {
  height: 34px;
  line-height: 32px;
  border: 1px solid rgba(0, 0, 0, 1);
  border-left: 0;
  border-right: 0;
  background: linear-gradient(0deg, rgba(34, 37, 45, 1), rgba(65, 74, 90, 1));
}

.mt15,
.comTitle.mt15 {
  margin-top: 15px;
}

.comTitle .comTxt {
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
}

.comTitle .comSign {
  width: 12px;
  height: 11px;
  display: inline-block;
  margin: 0 10px;
  background: url(../images/jiao_wps.png) no-repeat;
}

.comTitle .comMore {
  color: rgba(255, 255, 255, 1);
  margin-right: 12px;
  cursor: pointer;
}

/* 通用的表格 */

.table .tableTr {
  overflow: hidden;
}

.table .tableTr.odd {
  background: rgba(26, 26, 31, 1);
}

.table .tableTr.even {
  background: rgba(33, 33, 38, 1);
}

.guide .tableTd,
.companyEvent .tableTd,
.relevance .tableTd,
.comparison .tableTd,
.mngChg .tableTd,
.infoprofit .tableTd,
.fund .tableTd,
.profit .tableTd,
.structure .tableTd,
.partner .tableTd,
.business .tableTd,
.zjsw .tableTd {
  text-align: center;
  border-left: 1px solid rgba(9, 9, 16, 1);
  word-break: break-all;
}

.partner .tableTd:first-child,
.zjsw .tableTd:first-child {
  border-left: 0;
}

.table .tableTd {
  width: 510px;
  height: auto;
  min-height: 32px;
  padding: 0 14px 0 10px;
  line-height: 32px;
}

.table .tableSign {
  width: 20px;
  height: 20px;
  line-height: 1.5;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
}

.table .tableSignRed {
  color: rgba(255, 255, 255, 1);
  background: rgba(195, 33, 25, 1);
}

.table .tableSignWhite {
  color: rgba(39, 40, 46, 1);
  background: rgba(255, 255, 255, 1);
}

.table .tableSignGreen {
  background: rgba(1, 164, 17, 1);
}

.table .gray {
  color: rgba(230, 230, 230, 1);
}

.newNotice .tableTd:hover .tableTime,
.newNotice .tableTd:hover .tableTime,
.newNotice .tableTd:hover .tableTitle {
  cursor: pointer;
}

.report .tableTr:hover .tableTd,
.newNotice .tableTd:hover .tableTime,
.newNotice .tableTd:hover .tableTitle {
  color: rgba(250, 113, 49, 1);
  text-decoration: underline;
}

.orange,
.table .orange {
  color: rgba(250, 167, 49, 1);
}

.table .tableTime,
.table .tableTitle {
  color: rgba(250, 167, 49, 1);
}

.table .colorRed:hover,
.colorRed,
.table .colorRed {
  color: rgba(255, 27, 16, 1);
}

.table .colorGreen:hover,
.colorGreen,
.table .colorGreen {
  color: rgba(37, 237, 37, 1);
}

/* 公司 */
.table .tableTrCompany {
  border-bottom: 1px solid rgba(9, 9, 16, 1);
}

.guide .high,
.companyEvent .high,
.relevance .high,
.finance .high,
.mngChg .high,
.infoprofit_statistic .high,
.table .tableTrCompany .high {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.table .tableTrCompany.flex .tableTxt {
  flex: 1;
}

.table .tableTrCompany.flex .tableName {
  line-height: 34px;
}

.table .tableName.w170 {
  width: 170px;
  border-left: 1px solid rgba(9, 9, 16, 1);
}

.table .tableName {
  width: 122px;
  text-align: center;
  background: rgba(33, 33, 38, 1);
  border-right: 1px solid rgba(9, 9, 16, 1);
}

.table .tableTxt {
  padding: 10px 14px;
  background: rgba(26, 26, 31, 1);
}

.trHead,
.table .tableTh {
  background: rgba(33, 33, 38, 1);
}

.table .tableBody {
  background: rgba(26, 26, 31, 1);
}

.table .tableAll {
  color: rgba(230, 230, 230, 1);
  line-height: 22px;
  margin-top: 25px;
  cursor: pointer;
  position: relative;
  right: 21px;
}

.topSign {
  width: 10px;
  height: 7px;
  position: absolute;
  right: -19px;
  top: 6px;
  border: 9px solid rgba(230, 230, 230, 1);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 0;
}

.tableNone {
  line-height: 34px;
  text-align: center;
  background: rgba(31, 32, 37, 1);
}

/* 分页 */
.page {
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  color: rgba(153, 153, 153, 1);
  background: rgba(33, 33, 38, 1);
}

/* 股东研究 */
.infoprofit_orgForecast .tableTd,
.fund_project .tableTd,
.profit .tableTd,
.structure .tableTd,
.business .tableTd,
.partner .tableTd {
  width: 80px;
  height: auto;
  min-height: 32px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 22px;
}

.tableTab {
  margin: 10px 0 15px;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
}

.tableTab .tableBtn {
  width: 105px;
  height: 34px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  display: inline-block;
  margin-right: 3px;
  margin-top: 5px;
  cursor: pointer;
  background: linear-gradient(0deg, rgba(52, 56, 69, 1), rgba(78, 89, 109, 1));
  border: 1px solid rgba(61, 61, 75, 1);
}

.tableTab .tableBtn.on {
  border: 1px solid rgba(184, 54, 54, 1);
  background: linear-gradient(180deg, rgba(185, 54, 54, 1), rgba(106, 1, 1, 1));
}

/* 经营分析 */
.business .tableTd {
  height: auto;
  min-height: 32px;
  padding: 10px;
}

.business .major .tableTd {
  width: auto;
  text-align: center;
}

.fund_relation .flex1,
.report .flex1,
.business .flex1 {
  flex: 1;
  text-align: left;
}

/* 研究报告 */
.report .tableTr {
  cursor: pointer;
}

.report .w130 {
  text-align: right;
}

/* 资本运作 */
.business .tableTd.orange,
.fund_relation .tableTd.orange {
  background: rgba(31, 32, 37, 1);
}

.business .tableTd,
.fund_relation .tableTd {
  background: rgba(39, 40, 46, 1);
}

.fund_relation .table {
  margin-top: 10px;
}

/* 盈利预测 */
.infoprofit_orgRating .tableTd {
  padding: 0;
}

.infoprofit_statistic .table {
  margin-top: 5px;
}

.infoprofit_statistic .tableTd {
  min-height: 0;
  border-left: 0;
  padding: 0;
}

/* 财务分析 */
.finance .tableTd {
  padding: 0;
  text-align: center;
}

.finance .middle {
  min-height: 57px;
  line-height: 56px;
}

.finance .high {
  min-height: 57px;
  line-height: 23px;
}

.finance .w220 {
  width: 184px !important;
}

.finance .w175 {
  width: 168px !important;
}

.finance .w70 {
  width: 83px !important;
}

.finance .w130 {
  width: 105px !important;
}

.finance .tanbleTitle {
  height: 65px;
  line-height: 65px;
}

.cwjgTab {
  margin: 3px 0 8px;
}

.finance .xjll .high {
  height: 180px;
}

.finance .xjll .w130 {
  width: 122px !important;
}

.finance .xjll .w220 {
  width: 45px !important;
}

.finance .xjll .w220 .tableTd {
  padding: 0 5px !important;
}

.finance .xjll .tableTdTit {
  height: 90px;
}

/* 核心题材 */
.coreTheme .mt15 {
  margin-top: 15px;
}

.coreTheme .coreThemeMain {
  padding: 0 0 10px;
  border: 1px solid rgba(65, 74, 90, 1);
}

.coreTheme .coreThemeCircle {
  padding: 0 3px;
  height: 20px;
  line-height: 1.5;
  text-align: center;
  margin-right: 10px;
}

.coreTheme .coreThemeCircle.red {
  background: red;
}

.coreTheme .coreThemeCircle.yellow {
  background: #fa7131;
}

.coreTheme .coreThemeCircle.low {
  background: rgb(224, 132, 3);
}

.coreTheme .coreThemeList {
  margin: 20px 20px 0;
  line-height: 1.5;
}

.coreTheme .coreThemeTxt {
  text-indent: 1em;
  color: rgba(250, 167, 49, 1);
  margin: 5px 0 0;
  line-height: 1.5;
}

/* 关联个股 */
.relevance .high {
  line-height: 22px;
}

.relevance .mt15 {
  margin-top: 15px;
}

.companyEvent .module span,
.relevance .module span {
  cursor: pointer;
  min-width: 105px;
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  display: inline-block;
  margin-right: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  background: linear-gradient(0deg, rgba(52, 56, 69, 1), rgba(78, 89, 109, 1));
  border: 1px solid rgba(61, 61, 75, 1);
}

.companyEvent .module span.on,
.relevance .module span.on {
  border: 1px solid rgba(184, 54, 54, 1);
  background: linear-gradient(180deg, rgba(185, 54, 54, 1), rgba(106, 1, 1, 1));
}

/* 公司大事 */
.companyEvent .high {
  line-height: 23px;
}

.guide .txtLeft,
.companyEvent .txtLeft {
  text-align: left;
}

.guide .underline,
.companyEvent .underline {
  text-decoration: underline;
  cursor: pointer;
}

.dragonTiger .txt {
  text-align: right;
  margin-top: 5px;
}

/* 操盘必读 */
.quota .tableTd {
  display: flex;
  padding: 0 !important;
}

.holder .high,
.quota .high {
  min-height: 57px;
  line-height: 23px;
}

.quota span {
  box-sizing: inherit;
}

.quota .tableBody .tableTd {
  flex-direction: column;
}

.guide .zbMian {
  display: flex;
}

.guide .zb {
  border-left: 1px solid rgba(9, 9, 16, 1);
}

.guide .zb:first-child {
  border-left: 0;
}

.guide .newNotice .tableTd {
  text-align: left;
}